---
id: TASK-003
title: 'Phase 3: styling pass (Charm vibe + app-kit tokens)'
status: "\U0001F3C1 Done"
assignee: []
created_date: '2026-06-17 23:44'
updated_date: '2026-06-18 01:30'
labels:
  - feature
dependencies: []
priority: medium
ordinal: 3000
---

## Description

<!-- SECTION:DESCRIPTION:BEGIN -->
Port the app-kit token system and fonts, build custard.css with the Bubble Tea/Charm terminal look, and add the theme switcher. Apply across all views from phases 1-2.
<!-- SECTION:DESCRIPTION:END -->

## Acceptance Criteria
<!-- AC:BEGIN -->
- [x] #1 web/static/tokens.css ported from _shared-app-kit (Tailwind/Next wiring stripped)
- [x] #2 Fonts in web/static/fonts: Awke, Untitled Sans, Name Mono (.woff2)
- [x] #3 custard.css: terminal/Charm chrome built entirely on tokens; no hard-coded colors
- [x] #4 Theme switcher: 7 data-theme modes, cookie persistence, server reads cookie for no-flash SSR; default flexoki
- [x] #5 All views (list/repo/tree/blob/log/commit/refs/issues) styled and legible incl eink mode
- [x] #6 Commit diffs syntax-highlighted (chroma diff lexer); per-file split + add/del line coloring
- [x] #7 Issues + issue detail fully themed: status columns, type badge, label chips on tokens
- [x] #8 Markdown (READMEs, issue bodies) styled via tokens; evaluate Glamour/Glow CSS as reference
- [x] #9 Chroma highlight theme wired to data-theme (light/dark/eink) instead of fixed github style
- [x] #10 Full token-level code highlighting styled via tokens: keyword/name/variable/function/string/number/comment/operator/builtin/punctuation mapped to color families (covers shell commands+vars), light/dark/eink
<!-- AC:END -->